<template>
  <div>
    <h1>你好Vue<span>天还是蓝蓝的</span> </h1>
    <input v-model="msg"/>
    <p>{{ msg }}</p>
  </div>
</template>
<script setup>
 import {ref} from 'vue'
 const msg = ref('你好')
</script>
<style lang="scss" scoped>
  h1{
    background-color: #f70;
    span{color:blue}
    
  }
</style> 